import {useEffect, useState} from "react";
import {ChannelItem, fetchChannelAPI} from "@/apis/list.ts";

function useTabs() {
    const [channels, setChannels] = useState<ChannelItem[]>([])

    useEffect(() => {
        const getChannels = async () => {
            try {
                const res = await fetchChannelAPI();
                setChannels(res.data.data.channels)
            } catch (error) {
                throw new Error("fetch channel error")
            }
        }

        getChannels()
    }, []);

    return {
        channels,
    }
}

export {useTabs}